<template>
  <div class="welcomePage">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="欢迎来到在线面试平台" name="1">
        <div>
          作为候选者，你可以在线编写代码，作为面试官，你可以查看编程结果。网站有如下功能。
        </div>
      </el-collapse-item>
      <el-collapse-item title="题目列表" name="2">
        <div>查看网站的所有面试题目</div>
      </el-collapse-item>
      <el-collapse-item title="面试列表" name="3">
        <div>展示账号下所有关联面试</div>
      </el-collapse-item>
      <el-collapse-item title="留言列表" name="4">
        <div>查看面试留言</div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeNames: ["1"],
    };
  },
};
</script>

<style lang="less" scoped>
.el-collapse-item div {
  font-size: 15px;
}
</style>
